<template>
	<view class="editor_container" v-if="isShow">
		<!-- 弹窗 -->
		<view class="zezhao888" @click="clickclosetanc"></view>
		<view class="tanchuandiv">
			<view class="content">
				<view class="icondiv" @click="clickclosetanc">
					<view></view>
					<image class="iconclose" src="/static/images/close_icon.png"></image>
				</view>
				<view class="banner" @click="clickPopup()">
					<image :src="imageUrl" mode="widthFix"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		imageUrl: {
			type: String,
			default: "",
		},
		isShow: {
			type: Boolean,
			default: false,
		},
	},
	data() {
		return {
			title:"弹窗组件",
		};
	},
	mounted() {},
	methods: {
		addClick(){
			var isclickadd = this.isclickadd
			this.isclickadd = !isclickadd
		},
		//关闭
		clickclosetanc(){
			this.$emit("clickclosetanc")
		},
		//确认
		clickPopup(){
			this.$emit("clickPopup")
		},
		
	}
};
</script>

<style lang="scss" scoped>
.editor_container{
	width: 100%;
	height: 100%;
}
.zezhao888 {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 888;
}
.tanchuandiv {
	width: 686rpx;
	height: 1008rpx;
	display: flex;
	align-items: center;
	position: fixed;
	left: 32rpx;
	top: 50%;
	margin-top: -504rpx;
	z-index: 999;
	.content {
		width: 100%;
		height: auto;
		.icondiv {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.iconclose {
				width: 58rpx;
				height: 58rpx;
			}
		}
		.banner {
			width: 100%;
			height: auto;
			image {
				width: 100%;
				height: 100%;
			}
		}
	}
}
</style>
